<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="pl">  
    <head>

        <jsp:include page="./../util/configurationPage.jsp"/>


        <style type="text/css">
            #inner {
                display: table;
                margin: 0 auto;
            }

            #activeEx {
                background-color : #5CB85C;
                color:#ffffff;
                border: 1px;

            }
        </style>


        <script type="text/javascript">
            $(window).on('load', function() {

                $('.selectpicker').selectpicker();

                // $('.selectpicker').selectpicker('hide');
            });
        </script>
    </head>
    <body>
        <jsp:include page="./../navbar/navbarMain.jsp"/>
        <br>

        <div class="container ">
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-lg-3">
                        <jsp:include page="./../navbar/menuBar.jsp"/>
                    </div>
                    <div class="col-lg-9">
                        <div class="panel panel-success">

                            <div class="panel-heading">
                                <h3 class="panel-title">Lista produktów</h3>
                            </div>
                            <div class="panel-body">
                                <table class="table">

                                    <tbody>
                                        <tr class="default">
                                            <td> <div class="media">
                                                    <div class="pull-left"><button type="submit" class="btn btn-danger  " style="margin-top:14px; " >Usuń</button></div>
                                                   <div class="pull-left"><span class="glyphicon glyphicon-time" style="margin-top:22px"  ></span></div>
                                                    <a class="pull-left" href="#">
                                                        <img class="media-object" data-src="holder.js/64x64" alt="64x64" style="width: 64px; height: 64px; " src="">
                                                    </a>
                                                    <div class="pull-right"><h4><span class="label label-info">35.90 zł</span></h4></div>      
                                                    <div class="media-body">
                                                        <h4 class="media-heading">Media heading</h4>
                                                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

                                                    </div>

                                                </div></td>
                                        </tr>
                                        
                                        
                                    </tbody>
                                </table>
                                <br>
                                <ul id="inner" class="pagination">
                                    <li><a href="#">&laquo;</a></li>
                                    <li><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li><a href="#">&raquo;</a></li>
                                </ul>

                            </div>
                        </div>
                    </div>
                </div>  
            </div>
        </div>


        <jsp:include page="./../util/footer.jsp"/>
    </body>
</html>

